<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>
        导航菜单
    </title>

    <link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/408/gjeegkdb/bootstrap.min.css">
    <link rel="stylesheet" type="text/css"
          href="http://198.74.61.72/themes/preview/ace/assets/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/408/gjeegkdb/ace.min.css">

    </head>
<body>
<div class="sidebar" id="sidebar">

    <ul class="nav nav-list">
        <li>
            <a href="#">
                <span class="menu-text">控制台</span>
            </a>
        </li>

        <li>
            <a href="#">
                <span class="menu-text">文字排版</span>
            </a>
        </li>

        <li>
            <a href="#" class="dropdown-toggle">
                <span class="menu-text">UI 组件</span>
                <b class="arrow icon-angle-down"></b>
            </a>

            <ul class="submenu">
                <li>
                    <a href="elements.html">
                        <i class="icon-double-angle-right">
                        </i>
                        组件
                    </a>
                </li>

                <li>
                    <a href="buttons.html">
                        <i class="icon-double-angle-right">
                        </i>
                        按钮 & 图表
                    </a>
                </li>

                <li>
                    <a href="#" class="dropdown-toggle">
                        三级菜单
                        <b class="arrow icon-angle-down"></b>
                    </a>

                    <ul class="submenu">
                        <li>
                            <a href="#">
                                <i class="icon-leaf">
                                </i>
                                第一级
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>

        <li>
            <a href="#">
                <span class="menu-text">插件</span>
            </a>
        </li>

        <li>
            <a href="#" class="dropdown-toggle">
                <i class="icon-tag">
                </i>
                <span class="menu-text">
							更多页面
						</span>

                <b class="arrow icon-angle-down">
                </b>
            </a>

            <ul class="submenu">
                <li>
                    <a href="#">
                        <i class="icon-double-angle-right">
                        </i>
                        用户信息
                    </a>
                </li>

                <li>
                    <a href="#">
                        <i class="icon-double-angle-right">
                        </i>
                        收件箱
                    </a>
                </li>

                <li>
                    <a href="#">
                        <i class="icon-double-angle-right">
                        </i>
                        售价单
                    </a>
                </li>

                <li>
                    <a href="#">
                        <i class="icon-double-angle-right">
                        </i>
                        购物车
                    </a>
                </li>

                <li>
                    <a href="#">
                        <i class="icon-double-angle-right">
                        </i>
                        时间轴
                    </a>
                </li>

                <li>
                    <a href="#">
                        <i class="icon-double-angle-right">
                        </i>
                        登录 & 注册
                    </a>
                </li>
            </ul>
        </li>

        <li class="active open">
            <a href="#" class="dropdown-toggle">
                <span class="menu-text">其他页面
                    <span class="badge badge-primary ">5</span>
                </span>
                <b class="arrow icon-angle-down"></b>
            </a>
        </li>
    </ul>

    <div class="sidebar-collapse" id="sidebar-collapse">
        <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right">
        </i>
    </div>

</div>

<script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/408/gjeegkdb/jquery.min.js">
</script>
<script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/408/gjeegkdb/bootstrap.min.js">
</script>
<script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/408/gjeegkdb/ace-extra.min.js">
</script>
<script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/408/gjeegkdb/ace.min.js">
</script>
</body>
</html>